<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
    <title>#{get 'title' /}</title>		
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="stylesheet" type="text/css" media="screen" href="@{'/public/stylesheets/main.css'}" />
    <link rel="shortcut icon" type="image/png"  href="@{'/public/images/favicon.png'}" />

    <link rel="stylesheet" type="text/css" media="screen" href="@{'/public/stylesheets/datatable_jui.css'}" />
    <link rel="stylesheet" type="text/css" media="screen" href="@{'/public/stylesheets/jquery-ui-1.8.4.custom.css'}" />

	<script src="@{'/public/javascripts/jquery-1.5.min.js'}" type="text/javascript" charset="utf-8"></script>
    <script src="@{'/public/javascripts/jquery-1.5.min.js'}" type="text/javascript" charset="utf-8"></script>
    <script src="@{'/public/javascripts/DataTables-1.7.5/media/js/jquery.dataTables.js'}" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
        oTable = $('#liste').dataTable({
            "bJQueryUI": true,
            "sPaginationType": "full_numbers"
        });
    } );
    
    function pop(){
    	window.open('/apropos','_blank','toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0, width=600, height=300, left=420 top=250');
    }
    </script>
	
</head>
<body>

    <div id="header">
        <div id="logo">
       		<a href="@{Application.index}" alt="Retour au choix de l'application">
				<img id="imglogo" src="@{'/public/images/logo(1).jpg'}" title="Retour &agrave; l'accueil"/>
			</a>
		</div>
       <ul id="tools">
            <b>
            #{if agent_grade!=null}
	            	${agent_grade}
	           	#{/if}${agent_fullname}</b>
            | <a href="@{Agents.monProfil()}">Mon Profil</a>
            | <a href="@{Secure.logout()}">D&eacute;connexion</a>
            | <a href="@{Application.index()}">Retour à l'accueil</a> |
            <a href="#" onclick="pop()">&Agrave; propos</a>
        </ul>
    </div>

    <div class="tabs">
        
    </div>
    <div id="main">
        #{if flash.error}
        <p class="error">
            ${flash.error}
        </p>
        #{/if}
        #{if flash.success}
        <p class="success">${flash.success}</p>
        #{/if}
        #{doLayout /} 
    </div>
</body>
</html>